第11回勉強会

日 時:
2013年3月15日 9:30〜12:30
場 所:
「かるがも」3F 点字製作室
出席者:
小野、福田、北條、二神、河野(敬称略)

1 D班ホームページTOPページの更新

担当の河野さんが更新した。「Picture Manager」と「liveフォトギャラリ」を用いて写真を編集した。

2 サイト作成

サイト作成学習の素材として「新会員の栞」を利用することとし、実習を行った。
手順

  1. フォルダーの作成:任意の場所にフォルダー「新会員の栞」を作成し、この中に「text」「images」及び「css」の3つのフォルダーを作成した。
  2. サイトの作成:ホームページビルダーを起動し、「サイト」→「サイトの新規作成」でサイト名に「新会員の栞」と入力して「次へ」、「新規にトップページを作成」を選択して「次へ」、「参照」をクリックして上記1で作成した「新会員の栞」フォルダーを選択して「完了」をクリックする。「ページ作成方法の選択」画面で「白紙から作成する」の「白紙ページ」をクリックする。転送設定問い合わせ画面では「いいえ」をクリックする。
  3. マークアップ:
    <body>から</body>の間に<div></div>を挿入
    この中に「ヘッダー」「コント」「フッター」と入力
    <div>のIDを「container」に設定(<div id="container">)
    「ヘッダー」「コント」「フッター」それぞれをdivで括り、IDを「header」「contents」「footer」に設定
    「ヘッダー」を「新会員の栞」と書換えh1で括る。
  4. ロゴの挿入:ロゴ画像を挿入し、位置指定のためにIDを「logo」と指定する(<img id="logo" src="ima……>)。
  5. CSSの指定:下表のとおり指定した。
* マージン
パディング

body フォント メイリオ, sans-serif
#container 800px
マージン 自動
#header 背景色 aqua
800px;
高さ 150px
位置 相対的
#contents 800px;
#footer フォントサイズ 90%
前景色
背景色
水平方向の位置 中央揃え
800px;
回り込み解除 両方
h1 フォントサイズ 大きい
水平方向の位置 中央揃え
上方向パディング 30px
文字間 0.3em
img#logo 位置 絶対絶対的
上位置 20px
左位置 10px

結果